:root {
  --base-layer: 999999;
}
.mask-{
	position: fixed; 
	width: 100%; 
	height: 100%; 
	top: 0px; 
	left: 0px;
}
.mask>div.line{
	position: fixed; 
	padding: 0px;
	margin: 0px;
	z-index: calc(var(--base-layer) + 1);
}
.mask>div.horizontal{
	left: 0px;
	width:100%; 
	height: 0px; 
}
.mask>div.vertical{
	top: 0px;
	width: 0px; 
	height: 100%; 
}
.mask>div.top{
	border-top: dashed 0.5px red;
}
.mask>div.left{
	border-left: dashed 0.5px red;
}
.mask>div.bottom{
	border-bottom: solid 0.5px red;
}
.mask>div.right{
	border-right: solid 0.5px red;
}
.mask>div.cover{
	position: fixed;
	background-color: #409eff70;
	z-index: calc(var(--base-layer) + 1);
}
#crawler{
	position: fixed;
	z-index: var(--base-layer);
}
#crawler-console{
    position: fixed;
    z-index: calc(var(--base-layer) + 2);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px;
    display: none;
}
#crawler-context{
    position: fixed;
    z-index: calc(var(--base-layer) + 3);
    top: 0px;
    left: 0px;
    border: 0px;
    display: none;
}